<template>
	<view>
		<!-- 项目阶段选择弹窗 版本1.0-->
		<!-- <view class="selectBody" v-if="isOpen && false">
			<view class="shopsign">
				<view class="left">
				</view>
				<text>项目阶段</text>
			</view>
			<view class="projectSelect1">
				<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;width: 100%;">
					<view class="scrollSelectItem"
						:class="[item.isChecked?'isCheckedColor':'',item.isSelect?'checkStyle':'']"
						v-for="(item,index) in projectAllSelect" @click="changeProjectStage(item,index)"
						:style="item.checkedCode == checkedCode?checkedStyle:''">
						{{item.name}}
					</view>
				</scroll-view>
			</view>
			<view class="projectSelect1">
				<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;width: 100%;">
					<view class="scrollSelectItem" v-for="item in projectChildren"
						:class="item.disable?'isCheckedColor':''"
						:style="projectCodeS == item.code || projectCodeS == item.code2?checkedStyle:''"
						@click.stop="handleItemClick(item)">{{item.name}}</view>
				</scroll-view>
			</view>

			<view class="shopsign" @tap.stop>
				<view class="left">
				</view>
				<text>行政</text>
			</view>
			<view class="caiwu" @tap.stop>
				<view class="caiwuItem" v-for="item in adminList" @click="goDetail(item)">
					{{item.name}}
				</view>
			</view>
			<view class="shopsign" @tap.stop>
				<view class="left">
				</view>
				<text>财务</text>
			</view>
			<view class="caiwu" @tap.stop>
				<view class="caiwuItem" v-for="item in caiwuList" @click="goDetail(item)">
					{{item.name}}
				</view>
			</view>

			<view class="" style="display: flex;justify-content: flex-end;margin-top: 50rpx;"
				@click="goProjectManagement('back')">
				<view class="" style="padding: 20rpx;display: flex;align-items: center;">
					<uni-icons type="undo" size="26"></uni-icons>
					<text>首页</text>
				</view>
			</view>
		</view> -->

		<!-- 项目阶段选择弹窗 版本2.0-->
		<uni-drawer ref="showLeft" mode="left" :width="300" :mask-click="true" @change="change($event,'showLeft')" style="position: relative;z-index: 12000;">
			<view class="process_drawer">
				<!-- 顶部按钮切换栏 -->
				<view class="switch_line">
					<!-- 过控流程按钮 -->
					<view v-if="demand_type == '1'" :class="switch_btn_show==0?'switch_line_item_on':'switch_line_item_un'"
						@click="handleSwitchBtn(0)">
						过控流程
					</view>
					<!-- 财务/行政按钮 -->
					<view :class="switch_btn_show==1?'switch_line_item_on':'switch_line_item_un'"
					:style="demand_type == '2'?'width: 100%;':''"
						@click="handleSwitchBtn(1)">
						相关财务/行政
					</view>
				</view>


				<scroll-view scroll-y="true" style="height: 1300rpx;">
					<!-- 过控流程展示 -->
					<view class="guokong" v-if="switch_btn_show == 0">
						<!-- 流程 1:立项 -->
						<view class="flow_modle">
							<!-- 流程头 -->
							<view class="head">
								<view class="graden all_text_center" :class="step1_checked?'':'graden_noContent'">
									1
								</view>
								<view class="head_text_" :class="step1_checked?'':'text_noContent'">
									现场调查
								</view>
							</view>

							<!-- 内容 -->
							<view class="" v-for="item in projectSelect1" v-if="step1_checked && step1_show">
								<!-- 连接线 -->
								<view :class="item.isChecked?'stepLine':'stepLine_no'"></view>
								<view class="head_row">
									<view :class="item.isChecked?'small_graden':'small_graden_no'"></view>
									<view @click.stop="handleItemClick(item)" :class="[item.isChecked?'step_text_':'step_text_no',stage_name == item.name?'step_text_on':'']">
										{{item.name}}
									</view>
								</view>
							</view>
						</view>

						<!-- 流程 2:现场调查 -->
						<view class="flow_modle">
							<!-- 头部连接线 根据上一个阶段是否可用展示不同样式的连接线-->
							<view :class="step_head_line1?'satepLine_long':'satepLine_long_no'"></view>
							<!-- 流程头 -->
							<view class="head">
								<view class="graden all_text_center" :class="step2_checked?'':'graden_noContent'">
									2
								</view>
								<view class="head_text_" :class="step2_checked?'':'text_noContent'">
									现场调查
								</view>
							</view>

							<!-- 内容 -->
							<view class="" v-for="item in projectSelect2" v-if="step2_checked && step2_show">
								<!-- 连接线 -->
								<view :class="item.isChecked?'stepLine':'stepLine_no'"></view>
								<view class="head_row">
									<view :class="item.isChecked?'small_graden':'small_graden_no'"></view>
									<view @click.stop="handleItemClick(item)" :class="[item.isChecked?'step_text_':'step_text_no',stage_name == item.name?'step_text_on':'']">
										{{item.name}}
									</view>
								</view>
							</view>

						</view>

						<!-- 流程 3:三级审核 -->
						<view class="flow_modle">
							<!-- 头部连接线 根据上一个阶段是否可用展示不同样式的连接线-->
							<view :class="step_head_line2?'satepLine_long':'satepLine_long_no'"></view>
							<!-- 流程头 -->
							<view class="head">
								<view class="graden all_text_center" :class="step3_checked?'':'graden_noContent'">
									3
								</view>
								<view class="head_text_" :class="step3_checked?'':'text_noContent'">
									三级审核
								</view>
							</view>

							<!-- 内容 -->
							<view class="" v-for="item in projectSelect3" v-if="step3_checked && step3_show">
								<!-- 连接线 -->
								<view :class="item.isChecked?'stepLine':'stepLine_no'"></view>
								<view class="head_row">
									<view :class="item.isChecked?'small_graden':'small_graden_no'"></view>
									<view @click.stop="handleItemClick(item)" :class="[item.isChecked?'step_text_':'step_text_no',stage_name == item.name?'step_text_on':'']">
										{{item.name}}
									</view>
								</view>
							</view>

						</view>

						<!-- 流程 4:外部审查 -->
						<view class="flow_modle">
							<!-- 头部连接线 根据上一个阶段是否可用展示不同样式的连接线-->
							<view :class="step_head_line3?'satepLine_long':'satepLine_long_no'"></view>
							<!-- 流程头 -->
							<view class="head">
								<view class="graden all_text_center" :class="step4_checked?'':'graden_noContent'">
									4
								</view>
								<view class="head_text_" :class="step4_checked?'':'text_noContent'">
									外部审查
								</view>
							</view>
							
							<!-- 内容 -->
							<view class="" v-for="item in projectSelect4" v-if="step4_checked && step4_show">
								<!-- 连接线 -->
								<view :class="item.isChecked?'stepLine':'stepLine_no'"></view>
								<view class="head_row">
									<view :class="item.isChecked?'small_graden':'small_graden_no'"></view>
									<view @click.stop="handleItemClick(item)" :class="[item.isChecked?'step_text_':'step_text_no',stage_name == item.name?'step_text_on':'']">
										{{item.name}}
									</view>
								</view>
							</view>

						</view>

						<!-- 流程 5:报告盖章 -->
						<view class="flow_modle">
							<!-- 头部连接线 根据上一个阶段是否可用展示不同样式的连接线-->
							<view :class="step_head_line4?'satepLine_long':'satepLine_long_no'"></view>
							<!-- 流程头 -->
							<view class="head">
								<view class="graden all_text_center" :class="step5_checked?'':'graden_noContent'">
									5
								</view>
								<view class="head_text_" :class="step5_checked?'':'text_noContent'">
									报告盖章
								</view>
							</view>
							
							<!-- 内容 -->
							<view class="" v-for="item in projectSelect5" v-if="step5_checked && step5_show">
								<!-- 连接线 -->
								<view :class="item.isChecked?'stepLine':'stepLine_no'"></view>
								<view class="head_row">
									<view :class="item.isChecked?'small_graden':'small_graden_no'"></view>
									<view @click.stop="handleItemClick(item)" :class="[item.isChecked?'step_text_':'step_text_no',stage_name == item.name?'step_text_on':'']">
										{{item.name}}
									</view>
								</view>
							</view>

						</view>

						<!-- 流程 6:存档 -->
						<view class="flow_modle">
							<!-- 头部连接线 根据上一个阶段是否可用展示不同样式的连接线-->
							<view :class="step_head_line5?'satepLine_long':'satepLine_long_no'"></view>
							<!-- 流程头 -->
							<view class="head">
								<view class="graden all_text_center" :class="step6_checked?'':'graden_noContent'">
									6
								</view>
								<view class="head_text_" :class="step6_checked?'':'text_noContent'">
									存档
								</view>
							</view>
							
							<!-- 内容 -->
							<view class="" v-for="item in projectSelect6" v-if="step6_checked && step6_show">
								<!-- 连接线 -->
								<view :class="item.isChecked?'stepLine':'stepLine_no'"></view>
								<view class="head_row">
									<view :class="item.isChecked?'small_graden':'small_graden_no'"></view>
									<view @click.stop="handleItemClick(item)" :class="[item.isChecked?'step_text_':'step_text_no',stage_name == item.name?'step_text_on':'']">
										{{item.name}}
									</view>
								</view>
							</view>

						</view>
					</view>


					<!-- 相关财务/行政 -->
					<view class="admin_model" v-if="switch_btn_show == 1">
						<!-- <view class="head_line all_text_center">
							相关财务
						</view>
						<view class="content_line all_text_center" v-for="item in caiwuList" @click.stop="goLinkedList(item)">
							{{item.name}}
						</view>
						<view class="head_line all_text_center">
							相关行政
						</view>
						<view class="content_line all_text_center" v-for="item in adminList" @click.stop="goLinkedList(item)">
							{{item.name}}
						</view> -->
						
						<!-- 表头 -->
						<view class="all_project_relevant all_text_title" style="font-family: PingFang SC;">
							<view class="all_relevant_line1">
								<text style="font-size: 30rpx;">类别</text>
							</view>
							<view class="all_relevant_line2">
								<text style="font-size: 30rpx;margin-left: 10rpx;color: #40A0F2;">数量</text>
							</view>
							<view class="all_relevant_line3">
								<text style="font-size: 30rpx;margin-left: 10rpx;color: #FF3333;">金额</text>
							</view>
						</view>
						
						<view class="all_project_relevant" v-for="item in project_relevant_list" @click.stop="goLinkedList(item)">
						
							<view class="all_relevant_line1">
								<text style="font-size: 28rpx;">{{item.show_name}}</text>
							</view>
						
							<view class="all_relevant_line2">
								<text style="font-size: 26rpx;margin-left: 10rpx;color: #40A0F2;">{{'(' + item.count + ')'}}</text>
							</view>
						
							<view class="all_relevant_line3">
								<text v-show="item.money_state == 1"
									style="font-size: 26rpx;margin-left: 10rpx;color: #FF3333;">{{item.money + '元'}}</text>
							</view>
						</view>
					</view>

				
				<view class="" style="width: 100%;height: 200rpx;">
					
				</view>
				
				</scroll-view>


			</view>
		</uni-drawer>


		<!-- 显示按钮 -->
		<view class="fabBtn" id="btn1">
			<image src="../static/images/cwgk1.png" v-if="!isOpen" @click="handleFabClick(true)" alt=""></image>
			<image src="../static/images/cwgk2.png" v-if="isOpen" @click="handleFabClick(false)" alt=""></image>
		</view>
		<!-- <view class="mask" @touchmove.stop="() => {}" @click="handleFabClick(false)" v-if="isOpen"></view> -->


	</view>
</template>

<script>
	export default {
		name: 'project-button',

		data() {
			return {
				// 顶部按钮显示状态 0 流程显示 1 财务显示
				switch_btn_show: 0,

				guide_show: true,
				project_button_style: 'z-index: 12000;',
				guide1_show: '1',
				hava_only: '',
				overlay_show: true,


				isOpen: false,
				isTypeListShow: '0',
				projectChildren: [],
				// 财务
				caiwuList: [

					{
						name: '报销',
						// url: '/pages/finnace/finnaceDispatch',
						url: '/packageFinnace/pages/finnace/dispatch',
						src: '../../static/backimg/2-2.png'
					},
					{
						name:'项目结算',
						url: '/packageFinnace/pages/finnace/account',
						src:'../../static/backimg/2-4.png'
					},
					{
						name:'业务结算',
						url: '/packageFinnace/pages/finnace/business',
						src:'../../static/backimg/2-4.png'
					},
					{
						name: '项目专家费',
						url: '/packageFinnace/pages/finnace/expert',
						src: '../../static/backimg/2-5.png'
					},
					{
						name: '到账记录',
						url: '/packageFinnace/pages/finnace/send',
						src: '../../static/backimg/2-6.png'
					},
					{
						name: '合同登记',
						url: '/packageFinnace/pages/finnace/contract',
						src: '../../static/backimg/2-7.png'
					},


				],
				// 行政
				adminList: [{
						name: '邮寄',
						url: '/packageAdmin/pages/admin/post/adminPost',
						src: '../../static/backimg/3-1.png'
					},
					{
						name: '报告用章',
						url: '/packageAdmin/pages/admin/post/adminReport',
						src: '../../static/backimg/3-2.png'
					},
					{
						name: '其他用章',
						url: '/packageAdmin/pages/admin/post/adminChapter',
						src: '../../static/backimg/3-3.png'
					},
					{
						name: '合同用章',
						url: '/packageAdmin/pages/admin/post/adminContract',
						src: '../../static/backimg/1-2.png'
					},
					{
						name: '合同存档',
						url: '/packageAdmin/pages/admin/post/adminContractArchive',
						src: '../../static/backimg/htcd.png'
					},

				],
				//项目总阶段
				projectAllSelect: [{
						name: '立项',
						isChecked: false,
						isSelect: false,
						checkedCode: 1,
					},
					{
						name: '现场调查',
						isChecked: false,
						isSelect: false,
						checkedCode: 2,
					},
					{
						name: '三级审核',
						isChecked: false,
						isSelect: false,
						checkedCode: 3,
					},
					{
						name: '外部审查',
						isChecked: false,
						isSelect: false,
						checkedCode: 4,
					},
					{
						name: '报告盖章',
						isChecked: false,
						isSelect: false,
						checkedCode: 5,
					},
					{
						name: '存档',
						isChecked: false,
						isSelect: false,
						checkedCode: 6,
					},
				],
				// 立项
				projectSelect1: [{
						name: '项目登记',
						disable: false,
						isChecked: false,
						code: '11',
						url: '/packageProject/pages/project/projectRegist',
					},
					{
						name: '项目分配',
						disable: false,
						isChecked: false,
						code: '12',
						url: '/packageProject/pages/project/projectAllocation',
					},
					{
						name: '风险分析',
						disable: false,
						isChecked: false,
						code: '13',
						url: '/packageProject/pages/project/riskAssessment',
					},
					{
						name: '项目组任命书',
						disable: false,
						isChecked: false,
						code: '14',
						url: '/packageProject/pages/project/projectAppoint',
					},
					{
						name: '工作计划',
						disable: false,
						isChecked: false,
						code: '15',
						url: '/packageProject/pages/project/projectPlan',
					}
				],
				projectSelect2: [{
						name: '现场勘查记录',
						disable: false,
						isChecked: false,
						code: '21',
						url: '/packageProject/pages/project/fieldSurvey/projectProspect',
					},
					{
						name: '整改通知单',
						disable: false,
						isChecked: false,
						code: '22',
						url: '/packageProject/pages/project/fieldSurvey/informNotice',
					},
					{
						name: '整改复查记录表',
						disable: false,
						isChecked: false,
						code: '23',
						url: '/packageProject/pages/project/fieldSurvey/reviewLog',
					}
				],
				projectSelect3: [{
						name: '项目内部审核',
						disable: false,
						isChecked: false,
						code: '311',
						code2: '312',
						url: '/packageProject/pages/project/threeCheck/internalCheck',
					},
					{
						name: '技术负责人审核',
						disable: false,
						isChecked: false,
						code: '321',
						code2: '322',
						url: '/packageProject/pages/project/threeCheck/reportApprove',
					},
					{
						name: '过控负责人审核',
						disable: false,
						isChecked: false,
						code: '323',
						code2: '324',
						url: '/packageProject/pages/project/threeCheck/processPeople',
					}
				],
				projectSelect4: [{
					name: '外部审查',
					disable: false,
					isChecked: false,
					code: '33',
					url: '/packageProject/pages/project/threeCheck/externalCheck',
				}],
				projectSelect5: [{
					name: '资质/印章使用申请',
					disable: false,
					isChecked: false,
					code: '44',
					url: '/packageProject/pages/project/reportAndSeal/applyForSeal',
				}],
				projectSelect6: [{
						name: '委托方提供材料清单',
						disable: false,
						isChecked: false,
						code: '24',
						url: '/packageProject/pages/project/fieldSurvey/bom',
					},
					{
						name: '项目档案存档清单',
						disable: false,
						isChecked: false,
						code: '51',
						url: '/packageProject/pages/project/reportAndSeal/onFlie',
					}
				],
				company_id: '',
				member_id: '',
				token: '',
				checkId: '',

				projectCodeS: '',
				project_name: '',

				checkedStyle: 'background-color: #f4a029;',
				checkedCode: 0,
				checkedCodeItem: false,

				stage_name: '',

				// 2.0过控流程
				step1_checked: false, //控制流程大阶段是否到达
				step2_checked: false,
				step3_checked: false,
				step4_checked: false,
				step5_checked: false,
				step6_checked: false,

				step1_show: false, //控制流程大阶段是否折叠
				step2_show: false,
				step3_show: false,
				step4_show: false,
				step5_show: false,
				step6_show: false,
				
				step_head_line1:false,//控制大阶段连接线样式
				step_head_line2:false,
				step_head_line3:false,
				step_head_line4:false,
				step_head_line5:false,
			
				project_relevant_list: '',
				
				demand_type:'1',
				
			};
		},
		props: ['projectId', 'firstAdd', 'stageName'],
		created() {
			this.token = uni.getStorageSync('btlh_process_token') || '';
			this.member_id = uni.getStorageSync('btlh_process_member_id') || '';
			// console.log('文件上传组件的merid',this.member_id)
			this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || '';
		},
		components: {
		},
		methods: {
			// 获取项目相关的条目
			async getProjectItems() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Finance/get_ffs_relevant',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						project_id: this.checkId
					}
				});
				console.log(res)
				this.project_relevant_list = res.datas.listInfo
			},
			
			// 前往相关列表
			goLinkedList(item){
				// uni.navigateTo({
				// 	url:item.url+'?project_id=' +this.checkId +'&linked_show=1'
				// })
				switch(item.code){
					case 'reimbursement':
					uni.navigateTo({
						url: '/packageFinnace/pages/finnace/dispatch?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'settlement':
					uni.navigateTo({
						url: '/packageFinnace/pages/finnace/account?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'expert':
					uni.navigateTo({
						url: '/packageFinnace/pages/finnace/expert?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'arrival':
					uni.navigateTo({
						url: '/packageFinnace/pages/finnace/send?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'mail':
					uni.navigateTo({
						url: '/packageAdmin/pages/admin/post/adminPost?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'report':
					uni.navigateTo({
						url: '/packageAdmin/pages/admin/post/adminReport?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'chapter':
					uni.navigateTo({
						url: '/packageAdmin/pages/admin/post/adminChapter?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'business':
					uni.navigateTo({
						url: '/packageFinnace/pages/finnace/business?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'contract':
					uni.navigateTo({
						url: '/packageFinnace/pages/finnace/contract?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					// case'业务项目':
					// uni.navigateTo({
					// 	url:'../../../../packageProject/businessProject/businessProjectDetail?finnaceId='+item.project_id
					// })
					// break;
					case'contract_seal':
					uni.navigateTo({
						url: '/packageAdmin/pages/admin/post/adminContract?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'external_seal':
					uni.navigateTo({
						url:'/packageAdmin/pages/admin/post/adminExternalSeal?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
					case'contract_archive':
					uni.navigateTo({
						url: '/packageAdmin/pages/admin/post/adminContractArchive?project_id=' +this.checkId +'&linked_show=1'
					})
					break;
				}
			},
			
			// 点击按钮切换
			handleSwitchBtn(val) {
				this.switch_btn_show = val;
			},


			// 抽屉状态发生变化触发
			change(e, type) {
				this.isOpen = e;
				console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
				this[type] = e

			},


			//前往财务或行政,将项目id和名称带入自动关联项目
			goDetail(item) {
				uni.navigateTo({
					url: item.url + '?projectId=' + this.checkId + '&projectName=' + this.project_name,
				})
			},

			//切换项目阶段
			changeProjectStage(item, index) {
				if (!item.isChecked) {
					return
				}

				this.projectAllSelect.forEach(item => {
					item.isSelect = false;
				})
				console.log(item.isChecked)
				switch (item.name) {
					case '立项':
						this.projectChildren = this.projectSelect1;
						item.isSelect = true;
						break;
					case '现场调查':
						this.projectChildren = this.projectSelect2;
						item.isSelect = true;
						break;
					case '三级审核':
						this.projectChildren = this.projectSelect3;
						item.isSelect = true;
						break;
					case '外部审查':
						this.projectChildren = this.projectSelect4;
						item.isSelect = true;
						break;
					case '报告盖章':
						this.projectChildren = this.projectSelect5;
						item.isSelect = true;
						break;
					case '存档':
						this.projectChildren = this.projectSelect6;
						item.isSelect = true;
						break;
				}

				if (!this.projectAllSelect[index + 1]) {
					return
				}
				// 如果下一层级是选择状态则本层级所有内容为选择状态
				if (this.projectAllSelect[index + 1].isChecked) {
					this.projectChildren.forEach(item => {
						item.disable = true;
					})
				}
			},




			// 获取项目状态
			async getProjectStatus() {
				// console.log('查看了查看了查看了查看了查看了查看了查看了')
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/get_project_status',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						project_id: this.checkId
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				const projectStadusCode = res.datas.project_status;
				this.projectCodeS = res.datas.project_status;
				this.project_name = res.datas.project_name;
				this.demand_type= res.datas.demand_type;
				if(this.demand_type == '2'){
					this.switch_btn_show = 1;
				}
				console.log('项目按钮组件的projectCodeS');
				console.log(this.projectCodeS)
				console.log(this.project_name)
				switch (projectStadusCode) {
					case '11':
						// 项目登记
						// this.checkedCode = 1;
						// this.projectSelect1[0].disable = true;
						// this.projectAllSelect[0].isChecked = true;

						// 过控流程版本2.0
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1[0].isChecked = true;

						break;
					case '12':
						// 项目分配
						// this.checkedCode = 1;
						// this.projectSelect1[0].disable = true;
						// this.projectSelect1[1].disable = true;
						// this.projectAllSelect[0].isChecked = true;

						// 过控流程版本2.0
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1[0].isChecked = true;
						this.projectSelect1[1].isChecked = true;
						break;
					case '13':
						// 风险分析
						// this.checkedCode = 1;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectSelect1[0].disable = true;
						// this.projectSelect1[1].disable = true;
						// this.projectSelect1[2].disable = true;

						// 过控流程版本2.0
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1[0].isChecked = true;
						this.projectSelect1[1].isChecked = true;
						this.projectSelect1[2].isChecked = true;

						console.log('选择状态-----' + this.projectSelect1)
						break;
					case '14':
						// 项目组任命书
						// this.checkedCode = 1;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectSelect1[0].disable = true;
						// this.projectSelect1[1].disable = true;
						// this.projectSelect1[2].disable = true;
						// this.projectSelect1[3].disable = true;
						
						// 过控流程版本2.0
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1[0].isChecked = true;
						this.projectSelect1[1].isChecked = true;
						this.projectSelect1[2].isChecked = true;
						this.projectSelect1[3].isChecked = true;
						break;
					case '15':
						// 工作计划
						// this.checkedCode = 1;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectSelect1[0].disable = true;
						// this.projectSelect1[1].disable = true;
						// this.projectSelect1[2].disable = true;
						// this.projectSelect1[3].disable = true;
						// this.projectSelect1[4].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1[0].isChecked = true;
						this.projectSelect1[1].isChecked = true;
						this.projectSelect1[2].isChecked = true;
						this.projectSelect1[3].isChecked = true;
						this.projectSelect1[4].isChecked = true;
						break;

					case '21':
						// 现场勘查记录
						// this.checkedCode = 2;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectSelect2[0].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2[0].isChecked = true;
						break;
					case '22':
						// 整改通知单
						// this.checkedCode = 2;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectSelect2[0].disable = true;
						// this.projectSelect2[1].disable = true;
					
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2[0].isChecked = true;
						this.projectSelect2[1].isChecked = true;
						break;
					case '23':
						// 整改复查记录表
						// this.checkedCode = 2;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectSelect2[0].disable = true;
						// this.projectSelect2[1].disable = true;
						// this.projectSelect2[2].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2[0].isChecked = true;
						this.projectSelect2[1].isChecked = true;
						this.projectSelect2[2].isChecked = true;
						break;

					case '311':
						// 项目内部审核1
						// this.checkedCode = 3;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectSelect3[0].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3[0].isChecked = true;
						
						break;
					case '312':
						// 项目内部审核2
						// this.checkedCode = 3;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectSelect3[0].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3[0].isChecked = true;
						break;
					case '321':
						// 技术负责人审核1
						// this.checkedCode = 3;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectSelect3[0].disable = true;
						// this.projectSelect3[1].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3[0].isChecked = true;
						this.projectSelect3[1].isChecked = true;
						break;
					case '322':
						// 技术负责人审核2
						// this.checkedCode = 3;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectSelect3[0].disable = true;
						// this.projectSelect3[1].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3[0].isChecked = true;
						this.projectSelect3[1].isChecked = true;
						break;
					case '323':
						// 过控负责人审核1
						// this.checkedCode = 3;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectSelect3[0].disable = true;
						// this.projectSelect3[1].disable = true;
						// this.projectSelect3[2].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step_head_line3 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3[0].isChecked = true;
						this.projectSelect3[1].isChecked = true;
						this.projectSelect3[2].isChecked = true;
						break;
					case '324':
						// 过控负责人审核2
						// this.checkedCode = 3;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectSelect3[0].disable = true;
						// this.projectSelect3[1].disable = true;
						// this.projectSelect3[2].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step_head_line3 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3[0].isChecked = true;
						this.projectSelect3[1].isChecked = true;
						this.projectSelect3[2].isChecked = true;
						break;

					case '33':
						// 外部审查
						// this.checkedCode = 4;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectAllSelect[3].isChecked = true;
						// this.projectSelect4[0].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step_head_line3 = true;
						this.step_head_line4 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3.forEach(item => {
							item.isChecked = true;
						})
						
						this.step4_checked = true;
						this.step4_show = true;
						this.projectSelect4[0].isChecked = true;
						
						break;

					case '44':
						// 资质/印章使用申请
						// this.checkedCode = 5;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectAllSelect[3].isChecked = true;
						// this.projectAllSelect[4].isChecked = true;
						// this.projectSelect5[0].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step_head_line3 = true;
						this.step_head_line4 = true;
						this.step_head_line5 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3.forEach(item => {
							item.isChecked = true;
						})
						this.step4_checked = true;
						this.step4_show = true;
						this.projectSelect4.forEach(item => {
							item.isChecked = true;
						})
						
						this.step5_checked = true;
						this.step5_show = true;
						this.projectSelect5[0].isChecked = true;
						break;

					case '24':
						// 委托方提供材料清单
						// this.checkedCode = 6;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectAllSelect[3].isChecked = true;
						// this.projectAllSelect[4].isChecked = true;
						// this.projectAllSelect[5].isChecked = true;
						// this.projectSelect6[0].disable = true;
						
						// 过控流程版本2.0
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step_head_line3 = true;
						this.step_head_line4 = true;
						this.step_head_line5 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3.forEach(item => {
							item.isChecked = true;
						})
						this.step4_checked = true;
						this.step4_show = true;
						this.projectSelect4.forEach(item => {
							item.isChecked = true;
						})
						this.step5_checked = true;
						this.step5_show = true;
						this.projectSelect5.forEach(item => {
							item.isChecked = true;
						})
						
						this.step6_checked = true;
						this.step6_show = true;
						this.projectSelect6[0].isChecked = true;
						break;
					case '51':
						// 存档
						// this.checkedCode = 6;
						// this.projectAllSelect[0].isChecked = true;
						// this.projectAllSelect[1].isChecked = true;
						// this.projectAllSelect[2].isChecked = true;
						// this.projectAllSelect[3].isChecked = true;
						// this.projectAllSelect[4].isChecked = true;
						// this.projectAllSelect[5].isChecked = true;
						// this.projectSelect6[0].disable = true;
						// this.projectSelect6[1].disable = true;
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step_head_line3 = true;
						this.step_head_line4 = true;
						this.step_head_line5 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3.forEach(item => {
							item.isChecked = true;
						})
						this.step4_checked = true;
						this.step4_show = true;
						this.projectSelect4.forEach(item => {
							item.isChecked = true;
						})
						this.step5_checked = true;
						this.step5_show = true;
						this.projectSelect5.forEach(item => {
							item.isChecked = true;
						})
						
						this.step6_checked = true;
						this.step6_show = true;
						this.projectSelect6[0].isChecked = true;
						this.projectSelect6[1].isChecked = true;
						break;
					case '60':
						// 归档
						console.log('归档归档归档归档归档归档')
						
						// this.projectSelect6[0].disable = true;
						// this.projectSelect6[1].disable = true;
						// this.projectAllSelect.forEach(item => {
						// 	item.isChecked = true;
						// })
						this.step_head_line1 = true;
						this.step_head_line2 = true;
						this.step_head_line3 = true;
						this.step_head_line4 = true;
						this.step_head_line5 = true;
						
						this.step1_checked = true;
						this.step1_show = true;
						this.projectSelect1.forEach(item => {
							item.isChecked = true;
						})
						this.step2_checked = true;
						this.step2_show = true;
						this.projectSelect2.forEach(item => {
							item.isChecked = true;
						})
						this.step3_checked = true;
						this.step3_show = true;
						this.projectSelect3.forEach(item => {
							item.isChecked = true;
						})
						this.step4_checked = true;
						this.step4_show = true;
						this.projectSelect4.forEach(item => {
							item.isChecked = true;
						})
						this.step5_checked = true;
						this.step5_show = true;
						this.projectSelect5.forEach(item => {
							item.isChecked = true;
						})
						this.step6_checked = true;
						this.step6_show = true;
						this.projectSelect6.forEach(item => {
							item.isChecked = true;
						})
						
						break;
				}
			},
			handleItemClick(item) {
				// 流程未到达不跳转
				if (!item.isChecked) {
					return
				}
				// 点击的是本阶段不跳转
				if(this.stage_name == item.name){
					return
				}
				uni.redirectTo({
					url: item.url + `?project_id=${this.checkId}&details_project_status=${this.projectCodeS}`
				})
			},
			// 悬浮按钮点击
			handleFabClick(val) {
				if (val) {
					this.$refs['showLeft'].open();
				} else {
					this.$refs['showLeft'].close();
				}

				this.isOpen = val;
				this.guide1_show = '2';
				this.overlay_show = false;
				this.hava_only = 'only_one';
				// uni.$emit('pro-btn-show',{data:false})
			},
			goProjectManagement(val) {
				if (val == 'finnace') {

					uni.navigateTo({
						url: `/packageProject/pages/project/projectFinnace/projectFinnaceIndex?project_id=${this.checkId}&project_name=${this.project_name}`
					})
				} else if (val == 'back') {
					uni.reLaunch({
						url: '/packageProject/pages/project/projectManagement'
					})
				}
				if (this.isTypeListShow == val) {
					return (this.isTypeListShow = 0);
				}
				this.isTypeListShow = val;

				console.log(this.isTypeListShow);
			}
		},
		watch: {
			stageName(val) {
				console.log('stageName-------' + val)
				// if (val == '1') {
				// 	this.isOpen = true;
				// } else {
				// 	this.isOpen = false;
				// }

			},
			projectId(val, oldVal) {
				if (val) {
					// console.log('va111111111', val)
					this.checkId = val;
					this.getProjectStatus();
					this.getProjectItems();
				}
			},

			firstAdd(val) {
				console.log('va111111111', val)
				if (val == '1') {
					this.activeNav2 = true;
					this.activeNav3 = true;
					this.activeNav4 = true;
					this.activeNav5 = true;
					this.activeNav6 = true;
					this.projectSelect1[1].disable = true;
					this.projectSelect1[2].disable = true;
					this.projectSelect1[3].disable = true;
					this.projectSelect1[4].disable = true;
				}
			}
		},
		mounted() {
			console.log('项目id(组件mounted)', this.projectId);
			console.log('va111111111', this.firstAdd)
			console.log('2222222222', this.stageName)
			if (this.stageName) {
				this.stage_name = this.stageName;
			}

			if (this.projectId) {
				this.checkId = this.projectId;
				this.getProjectStatus();
				this.getProjectItems();
			}

			if (this.firstAdd == '1') {
				this.activeNav2 = true;
				this.activeNav3 = true;
				this.activeNav4 = true;
				this.activeNav5 = true;
				this.activeNav6 = true;
				this.projectSelect1[1].disable = true;
				this.projectSelect1[2].disable = true;
				this.projectSelect1[3].disable = true;
				this.projectSelect1[4].disable = true;
			}
		}
	};
</script>

<style scoped lang="scss">
	// 财务行政模块
	.admin_model{
		.head_line{
			margin-top: 50rpx;
			font-size: 35rpx;
		}
		.content_line{
			margin-top: 40rpx;
			color: #40A0F2;
		}
	}
	
	
	// 过控流程
	.guokong {

		// display: flex;
		// flex-direction: column;
		// align-items: flex-start;
		margin-top: 40rpx;
	}

	// 流程模块
	.flow_modle {
		// display: flex;
		// flex-direction: column;
		// align-items: center;
	}

	.head {
		display: flex;
		flex-direction: row;
	}

	.head_row {
		display: flex;
		flex-direction: row;
		position: relative;
	}

	.head_text_ {
		font-size: 32rpx;
		margin-left: 16rpx;
		color: #40A0F2;
	}

	.step_text_ {
		border-radius: 10rpx;
		border: 2rpx solid #40A0F2;
		font-size: 28rpx;
		color: #40A0F2;
		padding: 4rpx 14rpx;
		position: absolute;
		left: 140rpx;
		top: -20rpx;
	}

	.step_text_no {
		border-radius: 10rpx;
		border: 2rpx solid #CCCCCC;
		font-size: 28rpx;
		color: #CCCCCC;
		padding: 4rpx 14rpx;
		position: absolute;
		left: 140rpx;
		top: -20rpx;
	}
	.step_text_on {
		border-radius: 10rpx;
		border: 2rpx solid #40A0F2;
		font-size: 28rpx;
		color: #FFFFFF;
		background-color: #40A0F2;
		padding: 4rpx 14rpx;
		position: absolute;
		left: 140rpx;
		top: -20rpx;
	}

	.stepLine {
		width: 2rpx;
		height: 80rpx;
		background-color: #40a0f2;
		margin-left: 120rpx;
	}

	.stepLine_no {
		width: 2rpx;
		height: 80rpx;
		background-color: #CCCCCC;
		margin-left: 120rpx;
	}


	.satepLine_long {
		width: 2rpx;
		height: 120rpx;
		background-color: #40a0f2;
		margin-left: 120rpx;
	}

	.satepLine_long_no {
		width: 2rpx;
		height: 120rpx;
		background-color: #CCCCCC;
		margin-left: 120rpx;
	}

	// 小序号
	.small_graden {
		width: 16rpx;
		height: 16rpx;
		border-radius: 50%;
		background: #40A0F2;
		margin-left: 114rpx;
	}

	.small_graden_no {
		width: 16rpx;
		height: 16rpx;
		border-radius: 50%;
		background: #CCCCCC;
		margin-left: 114rpx;
	}

	// 大序号园
	.graden {
		width: 48rpx;
		height: 48rpx;
		border-radius: 50%;
		border: 1rpx solid #40A0F2;
		color: #40A0F2;
		margin-left: 96rpx;
	}

	.text_noContent {
		color: #CCCCCC;
	}

	.graden_noContent {
		width: 48rpx;
		height: 48rpx;
		border-radius: 50%;
		border: 1rpx solid #CCCCCC;
		color: #CCCCCC;
		margin-left: 96rpx;
	}

	// 流程抽屉
	.process_drawer {

		// 切换按钮栏
		.switch_line {
			display: flex;
			flex-direction: row;

			// 按钮选中状态
			.switch_line_item_on {
				width: 50%;
				height: 76rpx;
				background: #40A0F2;
				box-shadow: 0rpx 1rpx 2rpx 1rpx rgba(0, 0, 0, 0.3);
				border-radius: 10rpx;
				font-size: 32rpx;
				color: #FFFFFF;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			// 按钮未选中状态
			.switch_line_item_un {
				width: 50%;
				height: 74rpx;
				border-radius: 10rpx;
				border: 1rpx solid #40A0F2;
				font-size: 32rpx;
				color: #40A0F2;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
	}



	.only_one {
		position: fixed;
		// background-color: transparent;
		// box-sizing: content-box;
		box-shadow: 0 0 0 2000px rgba($color: #000000, $alpha: 0.6);
		z-index: 12005;
	}

	.selectBody {
		width: 700rpx;
		max-height: 990rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		overflow: hidden;
		position: fixed;
		top: 5%;
		left: 3%;
		z-index: 2000;

		.caiwu {
			font-size: 28rpx;
			margin: 20rpx;
			padding: 2rpx 2rpx 10rpx 2rpx;
			background-color: #eeeeef;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			// justify-content: space-around;
			justify-content: flex-start;
			align-items: center;

			.caiwuItem {
				width: 120rpx;
				height: 120rpx;
				// padding: 10rpx;
				margin-top: 10rpx;
				margin-left: 9rpx;
				border-radius: 10rpx;
				color: #000000;
				background-color: #FFFFFF;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}


		.admin {
			margin: 20rpx;
			padding: 2rpx 10rpx 10rpx 2rpx;
			background-color: #eeeeef;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: center;

			.adminItem {
				width: 80rpx;
				height: 80rpx;
				padding: 20rpx;
				margin-top: 8rpx;
				margin-left: 8rpx;
				border-radius: 10rpx;
				color: #000000;
				background-color: #FFFFFF;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

		.shopsign {
			margin-top: 20rpx;
			padding-left: 20rpx;
			font-size: 32rpx;
			font-family: PingFang SC;
			display: flex;
			flex-direction: row;

			text {
				margin-left: 15rpx;
			}

			.left {
				width: 6rpx;
				height: 42rpx;
				background: #2EB3FF;
			}
		}

		.projectSelect1 {
			width: 95%;
			margin: 20rpx;
			// padding-top: 20rpx;
			// padding-bottom: 20rpx;
			// padding-right: 20rpx;
			// border-radius: 20rpx 20rpx 0 0;

			.scrollSelectItem {
				padding: 20rpx;
				margin-left: 5rpx;
				display: inline-block;
				background-color: #eeeeef;
				color: #606266;
			}

			.checkStyle {
				font-weight: bold;
				border-radius: 30rpx;
			}

			.isCheckedColor {
				background-color: #40a0f2;
				color: #fff;
			}
		}

	}

	.mask {
		position: fixed;
		right: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		background-color: #000;
		opacity: 0.5;
		z-index: 999;
	}

	/* #ifdef MP-WEIXIN */
	.fabBtn {
		bottom: 120rpx;
	}

	/* #endif */

	/* #ifdef H5 */
	.fabBtn {
		bottom: 200rpx;
	}

	/* #endif */

	/* #ifdef H5 */
	.fabSlide {
		bottom: 360rpx;
	}

	/* #endif */

	// 悬浮按钮
	.fabBtn {
		position: relative;
		// z-index: 1111;
		top: 0rpx;
		margin-right: 10rpx;
		// position: fixed;
		// z-index: 1111;
		// bottom: 120rpx;
		// right: 20rpx;

		image {
			width: 272rpx;
			height: 60rpx;
		}
	}

	.fabSlide {
		width: 140rpx;
		height: 606rpx;
		background: #efefef;
		// opacity: 0.4;
		border-radius: 65rpx;
		position: fixed;
		right: 15rpx;
		bottom: 280rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1111;

		.sildeBox {
			width: 100%;

			.sildeItemNoDis {
				background-color: #40a0f2;
				color: #fff;
			}

			.sildeItemDis1 {
				background-color: #edf7ff !important;
				color: #999 !important;
			}

			.sildeItem {
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 1112;
				font-size: 26rpx;
				color: #fff;
				height: 58rpx;
				width: 100%;
				margin-top: 2rpx;
				background-color: #40a0f2;
				opacity: 1;
				position: relative;

				.rightSlide {
					position: absolute;
					right: 150rpx;
					top: 5rpx;
					width: 268rpx;

					font-size: 24rpx;
					color: #666;
					box-sizing: border-box;

					.rightArrow {
						position: absolute;
						right: -20rpx;
						top: 10rpx;
						border: 10rpx solid rgba(0, 0, 0, 0);
						border-left-color: #edf7ff;
						width: 0;
						height: 0;
					}

					.rightSlideItem {
						height: 60rpx;
						width: 100%;
						display: flex;
						justify-content: center;
						align-items: center;
						// padding-top: 10rpx;
						background-color: #edf7ff;
						border-bottom: 1px solid #e3e3e3;
					}

					.rightSlideItemNoDis {
						background-color: #40a0f2;
						color: #fff;
					}

					.rightSlideItem:nth-child(2) {
						border-radius: 10rpx 10rpx 0 0 !important;
					}

					.rightSlideItem:last-child {
						border-radius: 0 0 10rpx 10rpx !important;
					}

					.rightSlideItem:last-child {
						border-bottom: none;
					}
				}
			}
		}
	}
</style>
